// 角色列表页面
<template>

            <div>
                <el-table :data="roles" style="width: 100%">
                    <el-table-column prop="roleId" label="角色ID" />
                    <el-table-column prop="roleName" label="角色名称" />
                    <el-table-column label="操作">
                        <template slot-scope="scope">
                            <el-button type="text" @click="handleEdit(scope.$index)">分配权限</el-button>
                            <el-button type="text" @click="handleEdit(scope.$index)">修改</el-button>
                            <el-button type="text" @click="handleDelete(scope.$index)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>

</template>

<script>
// import { mapGetters } from 'vuex'
// import { getRoleList } from '@/api/role'

// export default {
//   name: 'RoleView',
//   data() {
//     return {
//       roles: [],
//       loading: false
//     }
//   },
//   computed: {
//    ...mapGetters(['token'])
//   },
//   methods: {
//     async getRoleList() {
//       this.loading = true
//       const res = await getRoleList(this.token)
//       if (res.code === 200) {
//         this.roles = res.data
//       }
//       this.loading = false
//     },
//     handleEdit(index) {
//       console.log(index)
//     },
//     handleDelete(index) {
//       console.log(index)
//     }
//   },
//   created() {
//     this.getRoleList()
//   }
// }
</script>

